<div data-bind="style: {display: $root.startpageVM.isDisplayStartPage() ? 'none' : $root.overviewVM.isDisplayOverView() ? 'none' : 'block'}">
	<!-- ko template:{name:$root.getChildTmpl, afterRender: $root.applyEffectScroll}-->
	<!--/ko-->
</div>
<div style="border: 1px solid white;" data-bind="style: {display: $root.startpageVM.isDisplayStartPage() ? 'none' : $root.overviewVM.isDisplayOverView() ? 'block' : 'none'}">
	<!-- ko template:{name:$root.getChildOverviewTmpl, afterRender: $root.applyEffectScroll}-->
	<!--/ko-->
</div>
<div data-bind="style: {display: $root.startpageVM.isDisplayStartPage() ? 'block' : 'none'}">
	<!-- ko template:{name:$root.getChildStartTmpl, afterRender: $root.applyEffectScroll}-->
	<!--/ko-->
</div>
<div id="footer" class="row footer black-bgd-100" data-bind="style: { display: $root.isDisplayFooter() ? 'block' : 'none' }">
	<div>
		<div class="space">&nbsp;</div>
		<!-- start -->
		<div class="btn btn-clicked" id="fastButtonViewStartActive_" data-bind="click: $root.viewStart, style: { display: $root.currentTab() == startTab ? 'block' : 'none' }">
			<img src="img/start-bottom.png" />
			<div class="title-bar" data-bind="text: homeVM.strStart">new</div>
		</div>
		<div class="btn" id="fastButtonViewStart_" data-bind="click: $root.viewStart, style: { display: $root.currentTab() == startTab ? 'none' : 'block' }">
			<img src="img/start-bottom.png" />
			<div class="title-bar" data-bind="text: homeVM.strStart">new</div>
		</div>
		<div class="seperate">&nbsp;</div>
		<!-- browse -->
		<div class="btn btn-clicked" id="fastButtonViewBrowseActive_" data-bind="click: $root.viewBrowse, style: { display: $root.currentTab() == browseTab ? 'block' : 'none' }">
			<img src="img/browse.png" />
			<div class="title-bar" data-bind="text: homeVM.strBrowse">browse</div>
		</div>
		<div class="btn" id="fastButtonViewBrowse_" data-bind="click: $root.viewBrowse, style: { display: $root.currentTab() == browseTab ? 'none' : 'block' }">
			<img src="img/browse.png" />
			<div class="title-bar" data-bind="text: homeVM.strBrowse">browse</div>
		</div>
		<div class="seperate">&nbsp;</div>
		
		<!-- favorites -->
		<div class="btn btn-clicked" id="fastButtonViewFavoriteActive_" data-bind="click: $root.viewFavorite, style: { display: $root.currentTab() == favoriteTab ? 'block' : 'none' }">
			<img src="img/favorites.png" />
			<div class="title-bar" data-bind="text: homeVM.strFavorites">favorites</div>
		</div>
		<div class="btn" id="fastButtonViewFavorite_" data-bind="click: $root.viewFavorite, style: { display: $root.currentTab() == favoriteTab ? 'none' : 'block' }">
			<img src="img/favorites.png" />
			<div class="title-bar" data-bind="text: homeVM.strFavorites">favorites</div>
		</div>
		<div class="seperate">&nbsp;</div>
		<!-- settings -->
		<div class="btn btn-clicked" id="fastButtonViewSettingActive_" data-bind="click: $root.viewSettings, style: { display: $root.currentTab() == settingTab ? 'block' : 'none' }">
			<img src="img/settings.png" />
			<div class="title-bar" data-bind="text: homeVM.strSettings">settings</div>
		</div>
		<div class="btn" id="fastButtonViewSetting_" data-bind="click: $root.viewSettings, style: { display: $root.currentTab() == settingTab ? 'none' : 'block' }">
			<img src="img/settings.png" />
			<div class="title-bar" data-bind="text: homeVM.strSettings">settings</div>
		</div>
		<div class="seperate">&nbsp;</div>
		<!-- about -->
		<div class="btn btn-clicked" id="fastButtonViewAboutActive_" data-bind="click: $root.viewAbout, style: { display: $root.currentTab() == aboutTab ? 'block' : 'none' }">
			<img src="img/about.png" />
			<div class="title-bar" data-bind="text: homeVM.strAbout">about</div>
		</div>
		<div class="btn" id="fastButtonViewAbout_" data-bind="click: $root.viewAbout, style: { display: $root.currentTab() == aboutTab ? 'none' : 'block' }">
			<img src="img/about.png" />
			<div class="title-bar" data-bind="text: homeVM.strAbout">about</div>
		</div>
		<div class="space">&nbsp;</div>
	</div>
</div>